<template>
	<view id="app">
		<!-- 轮播图 -->
		<swiper class="banner">
			<swiper-item v-for="(item,index) in wrap.images" :key="index" @click="lookImg(index)">
				<image :src="item" mode="aspectFill"></image>
			</swiper-item>
		</swiper>

		<!-- 信息 -->
		<view class="w100p oh backlinear ptb25">
			<view class="layoutw90">
				<view class="c333 f40 fwb">￥{{wrap.price}}</view>
				<view class="mt10 c333 f30">{{wrap.categoryData.name}}/{{wrap.express}}</view>
			</view>
		</view>

		<!-- 背景白色 -->
		<view class="bw">
			<view class="layoutw90 f38 lh55 fwb bw ptb30">{{wrap.name}}</view>
		</view>

		<!-- 介绍 -->
		<view class="bw ptb30 mt30">
			<view class="layoutw90">
				<view class="f34 c333 fwb">商品介绍</view>
				<view class="lh60 mt30 f30 c666">{{wrap.desc}}</view>
				<view class="images" v-for="(item,index) in wrap.images" :key="index">
					<image :src="item" mode="widthFix"></image>
				</view>
			</view>
		</view>

		<!-- 填充 -->
		<view class="fill"></view>

		<!-- 底部 -->
		<view class="footer rows plr30 bw">
			<!-- 左边 -->
			<view class="df dfsa f1">

				<!-- 店铺 -->
				<view class="fn df dfc aic" @click="lookShop">
					<!-- 图 -->
					<view class="img wh35">
						<image src="/static/bar1.png" mode="aspectFit"></image>
					</view>
					<!-- 文字 -->
					<view class="txt mt10 f26 c666">店铺</view>
				</view>

				<!-- 客服 -->
				<view class="fn df dfc aic" @click="cantact">
					<!-- 图 -->
					<view class="img wh35">
						<image src="/static/bar2.png" mode="aspectFit"></image>
					</view>
					<!-- 文字 -->
					<view class="txt mt10 f26 c666">客服</view>
				</view>

				<!-- 收藏 -->
				<view class="fn df dfc aic" @click="collect">
					<!-- 图 -->
					<view class="img wh35">
						<image :src="wrap.collection_status == 1 ? '/static/bar3ing.png' : '/static/bar3.png'"
							mode="aspectFit"></image>
					</view>
					<!-- 文字 -->
					<view class="txt mt10 f26 c666">收藏</view>
				</view>

				<!-- 立即购买 -->
				<view class="fn df dfc aic" v-if="type == 1" @click="buy">
					<!-- 图 -->
					<view class="img wh35">
						<image src="/static/bar4.png" mode="aspectFit"></image>
					</view>
					<!-- 文字 -->
					<view class="txt mt10 f26 c666">立即购买</view>
				</view>

				<!-- 我要推销 -->
				<view class="fn df dfc aic" v-if="type == 10 && !is_share" @click="market">
					<!-- 图 -->
					<view class="img wh35">
						<image src="/static/bar5.png" mode="aspectFit"></image>
					</view>
					<!-- 文字 -->
					<view class="txt mt10 f26 c666">我要推销</view>
				</view>

				<!-- 我要推销 -->
				<label class="fn df dfc aic" v-if="type == 10 && is_share">
					<!-- 图 -->
					<view class="img wh35">
						<image src="/static/bar5.png" mode="aspectFit"></image>
					</view>
					<!-- 文字 -->
					<view class="txt mt10 f26 c666">我要推销</view>
					<button open-type="share" class="dn"></button>
				</label>
			</view>

			<!-- 右边 -->
			<view class="btn buy w250" v-if="type == 1 && !is_share" @click="market">我要推销</view>
			<label v-if="type == 1 && is_share">
				<!-- 右边 -->
				<view class="btn buy w250" v-if="type == 1">我要分享</view>
				<button open-type="share" class="dn"></button>
			</label>

			<view class="btn buy w250" v-if="type == 10" @click="buy(1)">我要购买</view>
		</view>
	</view>
</template>
<script>
	// 定义全局变量
	var that;
	// 默认
	export default {
		// 定义页面变量
		data() {
			return {
				// 内容
				wrap: {
					name: '加载中...',
					price: '00.00',
					desc: '加载中...',
					categoryData: {
						name: '加载中',
					},
					images: [
						'/static/load.png',
					],
					express: '加载中',
				},
				/*
				 * 底部显示状态
				 * 1正常进入 推销
				 * 10分享 购买
				 */
				type: 1,
				// 商品id
				id: '',
				// 分享内容
				share: {},
				// 分享给别人的pid
				shareId: '',
				// 是否显示
				show: '',
				// 是否分享
				is_share: '',
				pays: false,
				pays2: false,
			}
		},

		// 获取后
		onLoad(e) {
			console.log(e);
			// 赋值
			that = this;

			// 商品id
			e.id ? that.id = e.id : '';

			// 商品type
			e.type ? that.type = e.type : '';
		},

		// 页面显示
		onShow() {
			// 获取详情
			that.getDetail();

			// 判断是否分享
			that.isShare();
		},

		// 方法列表
		methods: {
			// 判断是否分享
			isShare() {
				console.log(that.id);
				// 请求接口 
				that.request({
					url: '/api/promote/create_status',
					// 上传数据
					data: {
						ids: that.id,
					},
					// 调用成功
					success(rs) {
						// 返回成功
						if (rs.code == 1||rs.code == 2||rs.code == 0) {
							// 开启分享
							that.is_share = true;
						}
					}
				})
			},

			// 判断是否登录
			isLogin() {
				// 判断是否登录
				if (!uni.getStorageSync('token')) {
					// 弹窗提示
					that.alert('请先登录');

					// 微信小程序登录
					that.util.weChatLogin();

					return false;
				} else {
					return true;
				}
			},

			// 查看商铺
			lookShop() {
				// 判断是否登录
				that.isLogin();

				// 跳转页面
				uni.redirectTo({
					url: '/pages/task/businessdetails?id=' + that.wrap.user_id,
				})
			},

			// 联系商家
			cantact() {
				// 拨打电话
				uni.makePhoneCall({
					phoneNumber: that.wrap.userData.shop_kfmobile,
				})
			},

			// 获取详情
			getDetail() {
				// 请求接口 
				that.request({
					url: '',
					// 上传数据
					data: {
						table: 'goods',
						id: that.id,
					},
					// 调用成功
					success(rs) {
						// 返回成功
						if (rs.code == 1) {
							// 内容
							that.wrap = rs.data;

							// 判断有无登录
							if (!uni.getStorageSync('token')) return;

							// 获取需要分享的id
							that.util.getuserinfo((res) => {
								// 定义分享内容
								that.share = {
									title: rs.data.name,
									imageUrl: rs.data.images[0],
									path: '/pages/task/details?type=10&id=' + rs.data.id + '&pid=' +
										res.data.userinfo.id,
								};
							})
						} else {
							//弹窗提示用户
							that.alert(rs.msg);
						}
					}
				})
			},

			// 收藏
			collect() {
				// 判断是否登录
				if (!that.isLogin()) return;

				// 收藏
				that.util.collect({
					data: {
						// 商品
						type: 'goods',
						// 动作
						action: 'collection',
						// 操作id
						id: that.id,
					},
					success(rs) {
						// 翻转收藏
						that.wrap.collection_status = that.wrap.collection_status == 1 ? 2 : 1;

						// 弹窗提示
						that.alert('操作成功');

						// 重新赋值刷新页面
						that.wrap = Object.assign({}, that.wrap);
					}
				});
			},

			// 推销
			market() {
				// 判断是否登录
				if (!that.isLogin()) return;

				// 判断是否自己的id
				if (that.wrap.user_id == uni.getStorageSync('userinfo').id) {
					// 弹窗提示
					that.alert('抱歉，不能推销个人发布的商品');
					return;
				};
				// 'bGxPDx0eJax7TvQAonOxXg0ixv8VD1bh-K8jPcIuFqY'
				if (!that.pays) {
					wx.requestSubscribeMessage({ // 调起消息订阅界面
						tmplIds: [
							'bGxPDx0eJax7TvQAonOxXg0ixv8VD1bh-K8jPcIuFqY',
						], //新增合伙人  //购买成功   //新订单 
						success(res) {
							console.log('订阅消息 成功 ');
							console.log(res);
							that.pays = true
						},
						fail(er) {
							console.log("订阅消息 失败 ");
							console.log(er);
							that.pays = true
						}
					})
				}
				if (that.pays) {
					// 弹窗提示
					that.alert({
						value: '确认要推销该商品吗？',
						success(rs) {
							// 判断点击确定
							if (rs.confirm) {
								// 请求接口 
								that.request({
									url: '/api/promote/create',
									// 上传数据
									data: {
										ids: that.id,
									},
									// 调用成功
									success(rs) {
										// 返回成功
										if (rs.code == 1) {
											that.alert('操作成功');
											
										} else if (rs.code == 2) {
											return;
										} else {
											//弹窗提示用户
											that.alert(rs.msg);
										}
									}
								})
							}
						}
					});
				}

			},

			// 购买
			buy(status) {
				// 判断是否登录
				if (!that.isLogin()) return;
				if (!that.pays2) {
					wx.requestSubscribeMessage({ // 调起消息订阅界面
						tmplIds: [
							'nwU8qKqKlQTAtlijuuOEF6RI5UyVz0xhlJXM4WQ1M_I',
							'MAWwaJ4VESHVh5URWchQ8Xv-2D8-zldHaL1UtkyfSjw'
						], //购买成功   //新订单 
						success(res) {
							console.log('订阅消息 成功 ');
							console.log(res);
							that.pays2 = true
						},
						fail(er) {
							console.log("订阅消息 失败 ");
							console.log(er);
							that.pays2 = true
						}
					})
				}
				if (that.pays2&&status==1) {
					// 请求接口
					that.request({
						url: '/api/goods/buy',
						// 上传数据
						data: {
							goods_id: that.wrap.id,
							type:'type'
						},
						// 调用成功
						success(rs) {
							console.log('goodsbuy',rs);
							// 返回成功
							if (rs.code == 1) {
								// 跳转页面
								uni.navigateTo({
									url: '/pages/task/pay?id=' + that.id,
								})
							} else {
								//弹窗提示用户
								console.log(2);
								that.alert(rs.msg);
							}
						}
					})
				}else if(that.pays2){
					// 请求接口
					that.request({
						url: '/api/goods/buy',
						// 上传数据
						data: {
							goods_id: that.wrap.id,
						},
						// 调用成功
						success(rs) {
							console.log('goodsbuy',rs);
							// 返回成功
							if (rs.code == 1) {
								// 跳转页面
								uni.navigateTo({
									url: '/pages/task/pay?id=' + that.id,
								})
							} else {
								//弹窗提示用户
								console.log(2);
								that.alert(rs.msg);
							}
						}
					})
				}

			},

			// 查看大图
			lookImg(index) {
				uni.previewImage({
					urls: that.wrap.images,
					count: index,
					fail(rs) {
						console.log(rs);
					}
				})
			},
		},
	}
</script>
<style>
	/* 轮播图 */
	.banner {
		width: 100%;
		height: 657rpx;
	}

	/* 详情条 */
	.backlinear {
		background: linear-gradient(91deg, #FFECC1 0%, #FFF3DF 100%);
		opacity: 1;
	}
</style>
